<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv= "Content-Type" content="text/html; charset=utf-8" />
	<title>Dojo: Simple Demo</title>
		
	<!-- note: this shows how to load  dojo from google CDN -
	     be aware of special module handling in this case: 
		 http://www.dojotoolkit.org/reference-guide/quickstart/cross-domain.html
	--> 
	<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js" type="text/javascript"></script>
	
	<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/resources/dojo.css" />
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/tundra/tundra.css" />   
    
	<style type="text/css">
		body, html { font-family:helvetica,arial,sans-serif; }
		.item { font-size:300%; margin: 10px; }
    </style> 
	
	<script type="text/javascript">

		function showVersion() {
			// check version and alter content
			var node = dojo.byId("demo");
			node.innerHTML = "Dojo version "+dojo.version;
			// debug info - browser sniffing
			if (dojo.isFF)
				console.log("we're on FireFox "+dojo.isFF);
			if (dojo.isChrome)
				console.log("we're on Chrome "+dojo.isChrome);
			if (dojo.isIE)
				console.log("we're on IE "+dojo.isIE);
			//  create & insert new node				
			var img = dojo.create("img", {  src   : "../images/dojo.logo.png", 
										style : "margin:20px",
										title : "Dojo" });
			dojo.place(img, node, "after");
			// simple query  - and  styling
			dojo.query("li").addClass("item");
		};
		dojo.addOnLoad(showVersion);
    </script>
</head>
<body class="tundra">
	<div id="demo">
		<b>dojo rules!</b>
	</div>
	<ul>
	 <li><a href="demo1.html">step1: use a dijit</a>
	 <li><a href="demo2.html">step2: define your own dijit</a>
	 <li><a href="demo3.html">step3: mash it up</a>
	</ul>
</body>
</html>